<script setup lang="ts">
import layerimageCompnent from './components/layerimage.vue';
import layervideoCompnent from './components/layervideo.vue';
import { useAppStore  }  from "@/stores"
const appStore = useAppStore()
</script>
<template>
  <div class="container">
    <router-view />
    <layerimageCompnent v-if="appStore.showLayer" class="layerimage"/> 
    <layervideoCompnent v-if="appStore.showVideoLayer" class="layerimage"/> 
  </div>
</template> 
<style lang="scss" scoped>
.container{
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  .layerimage{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba($color: #000000, $alpha:1);
  }
}

</style>
